<style type="text/css">
{literal}
#ustawienia-blog td, #ustawienia-blog th {
	padding: 8px 2px 8px 2px;
	border-bottom: solid 1px #555;
}
#ustawienia-blog td, #ustawienia-blog th {
border-right: dotted 1px #888;
}
{/literal}
</style>
<!-- jQuery -->	
<link rel="stylesheet" media="screen" type="text/css" href="/public/scripts/jQuery/colorpicker/css/colorpicker.css" />
<script type="text/javascript" src="/public/scripts/jQuery/colorpicker/js/colorpicker.js"></script>	
<!-- /jQuery -->

<form action="{$smarty.const.HTTP_URL}{$smarty.request.page},Blog,zapiszUstawienia.html" enctype="multipart/form-data" method="post">
<h2>Ustawienia kolorystyki, rozmiarów i rozmieszczenia galerii</h2>
<table id="ustawienia-blog">
	<tr>
		<th rowspan="10">Ustawienia<br/>listy<br/>galerii</th>
		<th colspan="7"><input type="submit" value="Zapisz ustawienia"/></th>
	</tr>
	<tr>
		<th valign="top">Obiekt:</th>
		<th>Kolor:</th>
		<th>Grubość.:</th>
		<th>Wielkość:</th>
		<th>Szerok.:</th>
		<th>Wysoko.:</th>
		<th>Ilośc</th>
	</tr>
	<tr>
		<th>
		<!-- help -->
		<img class="help-icons" onmouseover="$('#help-text-1').dialog();" onmouseout="$('#help-text-1').dialog( 'destroy' );" src="{$smarty.request.HTTP_URL}public/skins/icons/16_help.gif"  title="Pomoc"  alt="pomoc">
		<div id="help-text-1" style="display: none;" title="Tło galerii zdję">
			W wierszu tym możemy okreslic kolor tła dla ikonek w boksie galerii.
			<img src="{$smarty.request.HTTP_URL}public/skins/help/PhotoGallery/ustawienia/box-gallery.gif"  title="Przykład galerii"  alt="galeria">
			</div>
		<!-- /help -->
		ustawienia tła dla listy galerii</th>
		<td><input type="text" name="ustawienia_blog[lista_kategorii_kolor_tla]" id="lista_kategorii_kolor_tla" value="{$settings_blog.lista_kategorii_kolor_tla|default:'#fefefe'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_tla|default:'#fefefe'};" title="kliknij by zmienic kolor"/> 
			<img onclick="$('#lista_kategorii_kolor_tla').attr('value','none');$('#lista_kategorii_kolor_tla').css('background','none');" src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla"/>
		</td>
		<td>
		</td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>
			<!-- help -->
			<img class="help-icons" onmouseover="$('#help-text-2').dialog();" onmouseout="$('#help-text-2').dialog( 'destroy' );" src="{$smarty.request.HTTP_URL}public/skins/icons/16_help.gif"  title="Pomoc"  alt="pomoc">
			<div id="help-text-2" class="help-text" title="Ramka galerii">
				W wierszu tym możemy dostosowac ramkę boxów galerii
				
				</div>
			<!-- /help -->
			
			ustawienia ramki listy galerii</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_ramki]" id="lista_kategorii_kolor_ramki" value="{$settings_blog.lista_kategorii_kolor_ramki|default:'#AAAAAA'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_ramki|default:'#AAAAAA'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_ramki').attr('value','none');$('#lista_kategorii_kolor_ramki').css('background','none');"/>			
		</td>
		<td>
			<select name="ustawienia_blog[lista_kategorii_grubosc_ramki]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_kategorii_grubosc_ramki eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_kategorii_grubosc_ramki eq "1" or $settings_blog.lista_kategorii_grubosc_ramki eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_kategorii_grubosc_ramki eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_kategorii_grubosc_ramki eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_kategorii_grubosc_ramki eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_kategorii_grubosc_ramki eq "5"} selected="selected"{/if}>5</option>
			</select>	
		
		</td>
		<td></td>
		<td><input type="text" name="ustawienia_blog[lista_kategorii_szerokosc_ramki]" id="lista_kategorii_szerokosc_ramki" value="{$settings_blog.lista_kategorii_szerokosc_ramki|default:'450'}" style="cursor:pointer; width: 40px;"/></td>
		<td><input type="text" name="ustawienia_blog[lista_kategorii_wysokosc_ramki]" id="lista_kategorii_wysokosc_ramki" value="{$settings_blog.lista_kategorii_wysokosc_ramki|default:'200'}" style="cursor:pointer; width: 40px;"/></td>
		<td></td>
	</tr>	
	<tr>
		<th>- ustawienia dla czcionki na pasku dolnym:<br/>- ustaw tło paska dolnego:</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_ofert_kolor_tekstu_wiecej]" id="lista_ofert_kolor_tekstu_wiecej" value="{$settings_blog.lista_ofert_kolor_tekstu_wiecej|default:'#AAAAAA'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_ofert_kolor_tekstu_wiecej|default:'#AAAAAA'};" title="kliknij by zmienic kolor"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_paska_wiecej]" id="lista_kategorii_kolor_paska_wiecej" value="{$settings_blog.lista_kategorii_kolor_paska_wiecej|default:'#EFEFEF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_paska_wiecej|default:'#EFEFEF'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_paska_wiecej').attr('value','none');$('#lista_kategorii_kolor_paska_wiecej').css('background','none');"/>
		</td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>Czcionka nagłówka listy galerii<br/>Tło nagłówka</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_naglowka]" id="lista_kategorii_kolor_naglowka" value="{$settings_blog.lista_kategorii_kolor_naglowka|default:'#333333'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_naglowka|default:'#333333'};" title="kliknij by zmienic kolor"/> 
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_tla_naglowka]" id="lista_kategorii_kolor_tla_naglowka" value="{$settings_blog.lista_kategorii_kolor_tla_naglowka|default:'#FFFFFF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_tla_naglowka|default:'#FFFFFF'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_tla_naglowka').attr('value','none');$('#lista_kategorii_kolor_tla_naglowka').css('background','none');"/>
		</td>
		<td>
			<select name="ustawienia_blog[lista_ofert_styl_naglowka]" style="width: 76px;">
				<option value="font-style: normal;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: normal;"}selected="selected"{/if}>Normalny</option>
				<option value="font-style: italic;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: italic;"}selected="selected"{/if}>Pochylony</option>
				<option value="font-style: normal; font-weight: bold;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: normal; font-weight: bold;"}selected="selected"{/if}>Pogrubiony</option>
				<option value="font-style: italic; font-weight: bold;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: italic; font-weight: bold;"}selected="selected"{/if}>Pochylony-pogrubiony</option>
			</select> 		
		</td>		
		<td>
			<select name="ustawienia_blog[lista_kategorii_wielkosc_naglowka]" style="width: 50px;" title="Wielkość czcionki">
				<option value="90" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "90"} selected="selected"{/if}>90%</option>
				<option value="91" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "91"} selected="selected"{/if}>91%</option>
				<option value="92" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "92"} selected="selected"{/if}>92%</option>
				<option value="93" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "93"} selected="selected"{/if}>93%</option>
				<option value="94" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "94"} selected="selected"{/if}>94%</option>
				<option value="95" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "95"} selected="selected"{/if}>950%</option>
				<option value="96" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "96"} selected="selected"{/if}>960%</option>
				<option value="97" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "97"} selected="selected"{/if}>97%</option>
				<option value="98" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "980"} selected="selected"{/if}>980%</option>
				<option value="99" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "99"} selected="selected"{/if}>99%</option>
				<option value="100" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "100"} selected="selected"{/if}>100%</option>
				<option value="101" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "101"} selected="selected"{/if}>101%</option>
				<option value="102" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "102"} selected="selected"{/if}>102%</option>
				<option value="103" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "103"} selected="selected"{/if}>103%</option>
				<option value="104" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "104"} selected="selected"{/if}>104%</option>
				<option value="105" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "105" or $settings_blog.lista_kategorii_wielkosc_naglowka eq ""} selected="selected"{/if}>105%</option>
				<option value="106" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "106"} selected="selected"{/if}>106%</option>
				<option value="107" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "107"} selected="selected"{/if}>107%</option>
				<option value="108" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "108"} selected="selected"{/if}>108%</option>
				<option value="109" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "109"} selected="selected"{/if}>109%</option>
				<option value="110" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "110"} selected="selected"{/if}>110%</option>
				<option value="111" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "111"} selected="selected"{/if}>111%</option>
				<option value="112" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "112"} selected="selected"{/if}>112%</option>
				<option value="113" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "113"} selected="selected"{/if}>113%</option>
				<option value="114" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "114"} selected="selected"{/if}>114%</option>
				<option value="115" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "115"} selected="selected"{/if}>115%</option>
				<option value="116" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "116"} selected="selected"{/if}>116%</option>
				<option value="117" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "117"} selected="selected"{/if}>117%</option>
				<option value="118" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "118"} selected="selected"{/if}>118%</option>
				<option value="119" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "119"} selected="selected"{/if}>119%</option>
				<option value="120" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "120"} selected="selected"{/if}>120%</option>
				<option value="121" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "121"} selected="selected"{/if}>121%</option>
				<option value="122" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "122"} selected="selected"{/if}>122%</option>
				<option value="123" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "123"} selected="selected"{/if}>123%</option>
				<option value="124" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "124"} selected="selected"{/if}>124%</option>
				<option value="125" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "125"} selected="selected"{/if}>125%</option>
				<option value="126" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "126"} selected="selected"{/if}>126%</option>
				<option value="127" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "127"} selected="selected"{/if}>127%</option>
				<option value="128" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "128"} selected="selected"{/if}>128%</option>
				<option value="129" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "129"} selected="selected"{/if}>129%</option>
				<option value="130" {if $settings_blog.lista_kategorii_wielkosc_naglowka eq "130"} selected="selected"{/if}>130%</option>				
			</select>		
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_liczba_znakow_naglowka]" id="lista_kategorii_liczba_znakow_naglowka" value="{$settings_blog.lista_kategorii_liczba_znakow_naglowka|default:'21'}" style="cursor:pointer; width: 40px;"/> znaków
		</td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>Podkreślenie nagłówka listy galerii</th>
		<td><input type="text" name="ustawienia_blog[lista_kategorii_kolor_podkreslenia_naglowka]" id="lista_kategorii_kolor_podkreslenia_naglowka" value="{$settings_blog.lista_kategorii_kolor_podkreslenia_naglowka|default:'#AAAAAA'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_podkreslenia_naglowka|default:'#AAAAAA'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_podkreslenia_naglowka').attr('value','none');$('#lista_kategorii_kolor_podkreslenia_naglowka').css('background','none');"/>
		</td>
		<td>
			<select name="ustawienia_blog[lista_ofert_grubosc_podkreslenia_naglowka]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "1" or $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "5"} selected="selected"{/if}>5</option>
			</select>			
		</td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>			
	<tr>
		<th>Czcionka treści listy galerii</th>
		<td><input type="text" name="ustawienia_blog[lista_ofert_kolor_tekstu]" id="lista_ofert_kolor_tekstu" value="{$settings_blog.lista_ofert_kolor_tekstu|default:'#333333'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_ofert_kolor_tekstu|default:'#333333'};" title="kliknij by zmienic kolor"/> 
		</td>
		<td>
			<select name="ustawienia_blog[lista_ofert_styl_tekstu]" style="width: 76px;">
				<option value="font-style: normal;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: normal;"}selected="selected"{/if}>Normalny</option>
				<option value="font-style: italic;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: italic;"}selected="selected"{/if}>Pochylony</option>
				<option value="font-style: normal; font-weight: bold;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: normal; font-weight: bold;"}selected="selected"{/if}>Pogrubiony</option>
				<option value="font-style: italic; font-weight: bold;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: italic; font-weight: bold;"}selected="selected"{/if}>Pochylony-pogrubiony</option>
			</select> 		
		</td>		
		<td>
			<select name="ustawienia_blog[lista_kategorii_wielkosc_tekstu]" style="width: 50px;" title="Wielkość czcionki">
				<option value="90" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "90"} selected="selected"{/if}>90%</option>
				<option value="91" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "91"} selected="selected"{/if}>91%</option>
				<option value="92" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "92" or $settings_blog.lista_kategorii_wielkosc_tekstu eq ""} selected="selected"{/if}>92%</option>
				<option value="93" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "93"} selected="selected"{/if}>93%</option>
				<option value="94" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "94"} selected="selected"{/if}>94%</option>
				<option value="95" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "95"} selected="selected"{/if}>95%</option>
				<option value="96" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "96"} selected="selected"{/if}>96%</option>
				<option value="97" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "97"} selected="selected"{/if}>97%</option>
				<option value="98" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "98"} selected="selected"{/if}>98%</option>
				<option value="99" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "99"} selected="selected"{/if}>99%</option>
				<option value="100" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "100"} selected="selected"{/if}>100%</option>
				<option value="101" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "101"} selected="selected"{/if}>101%</option>
				<option value="102" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "102"} selected="selected"{/if}>102%</option>
				<option value="103" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "103"} selected="selected"{/if}>103%</option>
				<option value="104" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "104"} selected="selected"{/if}>104%</option>
				<option value="105" {if $settings_blog.lista_kategorii_wielkosc_tekstu eq "105"} selected="selected"{/if}>105%</option>
			</select>		
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_liczba_znakow_opisu]" id="lista_kategorii_liczba_znakow_opisu" value="{$settings_blog.lista_kategorii_liczba_znakow_opisu|default:'150'}" style="cursor:pointer; width: 40px;"/> znaków
		</td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>Miniaturki obrazka / tło <br/>Ramka obrazka</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategori_kolor_tla_thumb]" id="lista_kategori_kolor_tla_thumb" value="{$settings_blog.lista_kategori_kolor_tla_thumb|default:'#FFFFFF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategori_kolor_tla_thumb|default:'#FFFFFF'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategori_kolor_tla_thumb').attr('value','none');$('#lista_kategori_kolor_tla_thumb').css('background','none');"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_ramki_thumb]" id="lista_kategorii_kolor_ramki_thumb" value="{$settings_blog.lista_kategorii_kolor_ramki_thumb|default:'#EEEEEE'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_ramki_thumb|default:'#EEEEEE'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_ramki_thumb').attr('value','none');$('#lista_kategorii_kolor_ramki_thumb').css('background','none');"/>			
		</td>
		<td>
			<select name="ustawienia_blog[lista_kategorii_grubosc_ramki_thumb]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_kategorii_grubosc_ramki_thumb eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_kategorii_grubosc_ramki_thumb eq "1" or $settings_blog.lista_kategorii_grubosc_ramki_thumb eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_kategorii_grubosc_ramki_thumb eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_kategorii_grubosc_ramki_thumb eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_kategorii_grubosc_ramki_thumb eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_kategorii_grubosc_ramki_thumb eq "5"} selected="selected"{/if}>5</option>
			</select>	
		
		</td>
		<td>
			<strong>odstępy:</strong>
			<select name="ustawienia_blog[lista_kategorii_marginesy_thumb]" style="width: 30px;" title="Odstępy pomiędzy zdjęciami">
				<option value="0" {if $settings_blog.lista_kategorii_marginesy_thumb eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_kategorii_marginesy_thumb eq "1"} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_kategorii_marginesy_thumb eq "2" or $settings_blog.lista_kategorii_marginesy_thumb eq ""} selected="selected"{/if}>2</option>
				<option value="4" {if $settings_blog.lista_kategorii_marginesy_thumb eq "4"} selected="selected"{/if}>2</option>
				<option value="6" {if $settings_blog.lista_kategorii_marginesy_thumb eq "6"} selected="selected"{/if}>3</option>
				<option value="8" {if $settings_blog.lista_kategorii_marginesy_thumb eq "8"} selected="selected"{/if}>8</option>
				<option value="10" {if $settings_blog.lista_kategorii_marginesy_thumb eq "10"} selected="selected"{/if}>10</option>
				<option value="12" {if $settings_blog.lista_kategorii_marginesy_thumb eq "12"} selected="selected"{/if}>12</option>
				<option value="14" {if $settings_blog.lista_kategorii_marginesy_thumb eq "14"} selected="selected"{/if}>14</option>
				<option value="16" {if $settings_blog.lista_kategorii_marginesy_thumb eq "16"} selected="selected"{/if}>16</option>
				<option value="18" {if $settings_blog.lista_kategorii_marginesy_thumb eq "18"} selected="selected"{/if}>18</option>
				<option value="20" {if $settings_blog.lista_kategorii_marginesy_thumb eq "20"} selected="selected"{/if}>20</option>
			</select>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_szerokosc_obrazka_thumb]" id="lista_kategorii_szerokosc_obrazka_thumb" value="{$settings_blog.lista_kategorii_szerokosc_obrazka_thumb|default:'70'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_szerokosc_ramki_thumb]" id="lista_kategorii_szerokosc_ramki_thumb" value="{$settings_blog.lista_kategorii_szerokosc_ramki_thumb|default:'53'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_wysokosc_obrazka_thumb]" id="lista_kategorii_wysokosc_obrazka_thumb" value="{$settings_blog.lista_kategorii_wysokosc_obrazka_thumb|default:'70'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_wysokosc_ramki_thumb]" id="lista_kategorii_wysokosc_ramki_thumb" value="{$settings_blog.lista_kategorii_wysokosc_ramki_thumb|default:'45'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_liczba_thumb]" id="lista_kategorii_liczba_thumb" value="{$settings_blog.lista_kategorii_liczba_thumb|default:'6'}" style="cursor:pointer; width: 40px;"/>
		</td>
	</tr>
	<tr>
		<th>Zdjęcia / tło <br/>Ramka obrazka</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_tla_full]" id="lista_kategorii_kolor_tla_full" value="{$settings_blog.lista_kategorii_kolor_tla_full|default:'#FFFFFF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_tla_full|default:'#FFFFFF'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_tla_full').attr('value','none');$('#lista_kategorii_kolor_tla_full').css('background','none');"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_kolor_ramki_full]" id="lista_kategorii_kolor_ramki_full" value="{$settings_blog.lista_kategorii_kolor_ramki_full|default:'#EEEEEE'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategorii_kolor_ramki_full|default:'#EEEEEE'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategorii_kolor_ramki_full').attr('value','none');$('#lista_kategorii_kolor_ramki_full').css('background','none');"/>			
		</td>
		<td>
			<select name="ustawienia_blog[lista_kategorii_grubosc_ramki_full]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_kategorii_grubosc_ramki_full eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_kategorii_grubosc_ramki_full eq "1" or $settings_blog.lista_kategorii_grubosc_ramki_full eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_kategorii_grubosc_ramki_full eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_kategorii_grubosc_ramki_full eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_kategorii_grubosc_ramki_full eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_kategorii_grubosc_ramki_full eq "5"} selected="selected"{/if}>5</option>
			</select>	
		
		</td>
		<td>
			<strong>odstępy:</strong>
			<select name="ustawienia_blog[lista_kategorii_marginesy_full]" style="width: 30px;" title="Odstępy pomiędzy zdjęciami">
				<option value="10" {if $settings_blog.lista_kategorii_marginesy_full eq "10"} selected="selected"{/if}>10</option>
				<option value="12" {if $settings_blog.lista_kategorii_marginesy_full eq "12"} selected="selected"{/if}>12</option>
				<option value="14" {if $settings_blog.lista_kategorii_marginesy_full eq "14" or $settings_blog.lista_kategorii_marginesy_full eq ""} selected="selected"{/if}>14</option>
				<option value="16" {if $settings_blog.lista_kategorii_marginesy_full eq "16"} selected="selected"{/if}>16</option>
				<option value="18" {if $settings_blog.lista_kategorii_marginesy_full eq "18"} selected="selected"{/if}>18</option>
				<option value="20" {if $settings_blog.lista_kategorii_marginesy_full eq "20"} selected="selected"{/if}>20</option>
				<option value="22" {if $settings_blog.lista_kategorii_marginesy_full eq "22"} selected="selected"{/if}>22</option>
				<option value="24" {if $settings_blog.lista_kategorii_marginesy_full eq "24"} selected="selected"{/if}>24</option>
				<option value="26" {if $settings_blog.lista_kategorii_marginesy_full eq "26"} selected="selected"{/if}>26</option>
				<option value="28" {if $settings_blog.lista_kategorii_marginesy_full eq "28"} selected="selected"{/if}>28</option>
				<option value="30" {if $settings_blog.lista_kategorii_marginesy_full eq "30"} selected="selected"{/if}>30</option>
				<option value="32" {if $settings_blog.lista_kategorii_marginesy_full eq "32"} selected="selected"{/if}>32</option>
				<option value="34" {if $settings_blog.lista_kategorii_marginesy_full eq "34"} selected="selected"{/if}>34</option>
				<option value="36" {if $settings_blog.lista_kategorii_marginesy_full eq "36"} selected="selected"{/if}>36</option>
				<option value="38" {if $settings_blog.lista_kategorii_marginesy_full eq "38"} selected="selected"{/if}>38</option>
				<option value="40" {if $settings_blog.lista_kategorii_marginesy_full eq "40"} selected="selected"{/if}>40</option>
				<option value="42" {if $settings_blog.lista_kategorii_marginesy_full eq "42"} selected="selected"{/if}>42</option>
			</select>
		</td>	
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_szerokosc_obrazka_full]" id="lista_kategorii_szerokosc_obrazka_full" value="{$settings_blog.lista_kategorii_szerokosc_obrazka_full|default:'400'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_szerokosc_ramki_full]" id="lista_kategorii_szerokosc_ramki_full" value="{$settings_blog.lista_kategorii_szerokosc_ramki_full|default:'450'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_kategorii_wysokosc_obrazka_full]" id="lista_kategorii_wysokosc_obrazka_full" value="{$settings_blog.lista_kategorii_wysokosc_obrazka_full|default:'350'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_kategorii_wysokosc_ramki_full]" id="lista_kategorii_wysokosc_ramki_full" value="{$settings_blog.lista_kategorii_wysokosc_ramki_full|default:'350'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td></td>
	</tr>
	
	
	
	
	
	
	
	
	<tr>
		<th rowspan="11">Ustawienia<br/>listy<br/>zdjęc</th>
		<th colspan="7"></th>
	</tr>
	
	
	<tr>
		<th>
		<!-- help -->
		<img class="help-icons" onmouseover="$('#help-text-img-1').dialog();" onmouseout="$('#help-text-img-1').dialog( 'destroy' );" src="{$smarty.request.HTTP_URL}public/skins/icons/16_help.gif"  title="Pomoc"  alt="pomoc">
		<div id="help-text-img-1" style="display: none;" title="Tło galerii zdję">
			W wierszu tym możemy okreslic kolor tła dla ikonek w boksie galerii.
			<img src="{$smarty.request.HTTP_URL}public/skins/help/PhotoGallery/ustawienia/box-gallery.gif"  title="Przykład galerii"  alt="galeria">
			</div>
		<!-- /help -->
		ustawienia tła dla listy zdjec</th>
		<td><input type="text" name="ustawienia_blog[lista_zdjec_kolor_tla]" id="lista_zdjec_kolor_tla" value="{$settings_blog.lista_zdjec_kolor_tla|default:'#EFEFEF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_tla|default:'#EFEFEF'};" title="kliknij by zmienic kolor"/> 
			<img onclick="$('#lista_zdjec_kolor_tla').attr('value','none');$('#lista_zdjec_kolor_tla').css('background','none');" src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla"/>
		</td>
		<td>
		</td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>
			<!-- help -->
			<img class="help-icons" onmouseover="$('#help-text-img-2').dialog();" onmouseout="$('#help-text-img-2').dialog( 'destroy' );" src="{$smarty.request.HTTP_URL}public/skins/icons/16_help.gif"  title="Pomoc"  alt="pomoc">
			<div id="help-text-img-2" class="help-text" title="Ramka galerii">
				W wierszu tym możemy dostosowac ramkę obrazka
				
				</div>
			<!-- /help -->
			
			ustawienia ramki listy zdjęc</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_ramki]" id="lista_zdjec_kolor_ramki" value="{$settings_blog.lista_zdjec_kolor_ramki|default:'#AAAAAA'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_ramki|default:'#AAAAAA'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_zdjec_kolor_ramki').attr('value','none');$('#lista_zdjec_kolor_ramki').css('background','none');"/>			
		</td>
		<td>
			<select name="ustawienia_blog[lista_zdjec_grubosc_ramki]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_zdjec_grubosc_ramki eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_zdjec_grubosc_ramki eq "1" or $settings_blog.lista_zdjec_grubosc_ramki eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_zdjec_grubosc_ramki eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_zdjec_grubosc_ramki eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_zdjec_grubosc_ramki eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_zdjec_grubosc_ramki eq "5"} selected="selected"{/if}>5</option>
			</select>	
		
		</td>
		<td></td>
		<td><input type="text" name="ustawienia_blog[lista_zdjec_szerokosc_ramki]" id="lista_zdjec_szerokosc_ramki" value="{$settings_blog.lista_zdjec_szerokosc_ramki|default:'450'}" style="cursor:pointer; width: 40px;"/></td>
		<td><input type="text" name="ustawienia_blog[lista_zdjec_wysokosc_ramki]" id="lista_zdjec_wysokosc_ramki" value="{$settings_blog.lista_zdjec_wysokosc_ramki|default:'200'}" style="cursor:pointer; width: 40px;"/></td>
		<td></td>
	</tr>	

	<tr>
		<th>Czcionka nazwy obrazka<br/>Tło tekstu</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_naglowka]" id="lista_zdjec_kolor_naglowka" value="{$settings_blog.lista_zdjec_kolor_naglowka|default:'#333333'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_naglowka|default:'#333333'};" title="kliknij by zmienic kolor"/> 
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_tla_naglowka]" id="lista_zdjec_kolor_tla_naglowka" value="{$settings_blog.lista_zdjec_kolor_tla_naglowka|default:'#ffffff'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_tla_naglowka|default:'#AAAAAA'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_zdjec_kolor_tla_naglowka').attr('value','none');$('#lista_zdjec_kolor_tla_naglowka').css('background','none');"/>
		</td>
		<td>
			<select name="ustawienia_blog[lista_ofert_styl_naglowka]" style="width: 76px;">
				<option value="font-style: normal;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: normal;"}selected="selected"{/if}>Normalny</option>
				<option value="font-style: italic;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: italic;"}selected="selected"{/if}>Pochylony</option>
				<option value="font-style: normal; font-weight: bold;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: normal; font-weight: bold;"}selected="selected"{/if}>Pogrubiony</option>
				<option value="font-style: italic; font-weight: bold;" {if $settings_blog.lista_ofert_styl_naglowka eq "font-style: italic; font-weight: bold;"}selected="selected"{/if}>Pochylony-pogrubiony</option>
			</select> 		
		</td>		
		<td>
			<select name="ustawienia_blog[lista_zdjec_wielkosc_naglowka]" style="width: 50px;" title="Wielkość czcionki">
				<option value="90" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "90"} selected="selected"{/if}>90%</option>
				<option value="91" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "91"} selected="selected"{/if}>91%</option>
				<option value="92" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "92"} selected="selected"{/if}>92%</option>
				<option value="93" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "93"} selected="selected"{/if}>93%</option>
				<option value="94" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "94"} selected="selected"{/if}>94%</option>
				<option value="95" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "95"} selected="selected"{/if}>95%</option>
				<option value="96" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "96"} selected="selected"{/if}>96%</option>
				<option value="97" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "97"} selected="selected"{/if}>97%</option>
				<option value="98" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "98"} selected="selected"{/if}>98%</option>
				<option value="99" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "99"} selected="selected"{/if}>99%</option>
				<option value="100" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "100"} selected="selected"{/if}>100%</option>
				<option value="101" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "101"} selected="selected"{/if}>101%</option>
				<option value="102" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "102"} selected="selected"{/if}>102%</option>
				<option value="103" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "103"} selected="selected"{/if}>103%</option>
				<option value="104" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "104"} selected="selected"{/if}>104%</option>
				<option value="105" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "105" or $settings_blog.lista_zdjec_wielkosc_naglowka eq ""} selected="selected"{/if}>105%</option>
				<option value="106" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "106"} selected="selected"{/if}>106%</option>
				<option value="107" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "107"} selected="selected"{/if}>107%</option>
				<option value="108" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "108"} selected="selected"{/if}>108%</option>
				<option value="109" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "109"} selected="selected"{/if}>109%</option>
				<option value="110" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "110"} selected="selected"{/if}>110%</option>
				<option value="111" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "111"} selected="selected"{/if}>111%</option>
				<option value="112" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "112"} selected="selected"{/if}>112%</option>
				<option value="113" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "113"} selected="selected"{/if}>113%</option>
				<option value="114" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "114"} selected="selected"{/if}>114%</option>
				<option value="115" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "115"} selected="selected"{/if}>115%</option>
				<option value="116" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "116"} selected="selected"{/if}>116%</option>
				<option value="117" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "117"} selected="selected"{/if}>117%</option>
				<option value="118" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "118"} selected="selected"{/if}>118%</option>
				<option value="119" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "119"} selected="selected"{/if}>119%</option>
				<option value="120" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "120"} selected="selected"{/if}>120%</option>
				<option value="121" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "121"} selected="selected"{/if}>121%</option>
				<option value="122" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "122"} selected="selected"{/if}>122%</option>
				<option value="123" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "123"} selected="selected"{/if}>123%</option>
				<option value="124" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "124"} selected="selected"{/if}>124%</option>
				<option value="125" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "125"} selected="selected"{/if}>125%</option>
				<option value="126" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "126"} selected="selected"{/if}>126%</option>
				<option value="127" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "127"} selected="selected"{/if}>127%</option>
				<option value="128" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "128"} selected="selected"{/if}>128%</option>
				<option value="129" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "129"} selected="selected"{/if}>129%</option>
				<option value="130" {if $settings_blog.lista_zdjec_wielkosc_naglowka eq "130"} selected="selected"{/if}>130%</option>				
			</select>		
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_liczba_znakow_naglowka]" id="lista_zdjec_liczba_znakow_naglowka" value="{$settings_blog.lista_zdjec_liczba_znakow_naglowka|default:'21'}" style="cursor:pointer; width: 40px;"/> znaków
		</td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>Podkreślenie nazwy obrazka</th>
		<td><input type="text" name="ustawienia_blog[lista_zdjec_kolor_podkreslenia_naglowka]" id="lista_zdjec_kolor_podkreslenia_naglowka" value="{$settings_blog.lista_zdjec_kolor_podkreslenia_naglowka|default:'#AAAAAA'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_podkreslenia_naglowka|default:'#AAAAAA'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_zdjec_kolor_podkreslenia_naglowka').attr('value','none');$('#lista_zdjec_kolor_podkreslenia_naglowka').css('background','none');"/>
		</td>
		<td>
			<select name="ustawienia_blog[lista_ofert_grubosc_podkreslenia_naglowka]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "1" or $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_ofert_grubosc_podkreslenia_naglowka eq "5"} selected="selected"{/if}>5</option>
			</select>			
		</td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>			
	<tr>
		<th>Treśc pod obrazkiem</th>
		<td><input type="text" name="ustawienia_blog[lista_ofert_kolor_tekstu]" id="lista_ofert_kolor_tekstu" value="{$settings_blog.lista_ofert_kolor_tekstu|default:'#333333'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_ofert_kolor_tekstu|default:'#333333'};" title="kliknij by zmienic kolor"/> 
		</td>
		<td>
			<select name="ustawienia_blog[lista_ofert_styl_tekstu]" style="width: 76px;">
				<option value="font-style: normal;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: normal;"}selected="selected"{/if}>Normalny</option>
				<option value="font-style: italic;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: italic;"}selected="selected"{/if}>Pochylony</option>
				<option value="font-style: normal; font-weight: bold;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: normal; font-weight: bold;"}selected="selected"{/if}>Pogrubiony</option>
				<option value="font-style: italic; font-weight: bold;" {if $settings_blog.lista_ofert_styl_tekstu eq "font-style: italic; font-weight: bold;"}selected="selected"{/if}>Pochylony-pogrubiony</option>
			</select> 		
		</td>		
		<td>
			<select name="ustawienia_blog[lista_zdjec_wielkosc_tekstu]" style="width: 50px;" title="Wielkość czcionki">
				<option value="90" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "90"} selected="selected"{/if}>90%</option>
				<option value="91" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "91"} selected="selected"{/if}>91%</option>
				<option value="92" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "92" or $settings_blog.lista_zdjec_wielkosc_tekstu eq ""} selected="selected"{/if}>92%</option>
				<option value="93" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "93"} selected="selected"{/if}>93%</option>
				<option value="94" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "94"} selected="selected"{/if}>94%</option>
				<option value="95" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "95"} selected="selected"{/if}>95%</option>
				<option value="96" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "96"} selected="selected"{/if}>96%</option>
				<option value="97" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "97"} selected="selected"{/if}>97%</option>
				<option value="98" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "98"} selected="selected"{/if}>98%</option>
				<option value="99" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "99"} selected="selected"{/if}>99%</option>
				<option value="100" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "100"} selected="selected"{/if}>100%</option>
				<option value="101" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "101"} selected="selected"{/if}>101%</option>
				<option value="102" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "102"} selected="selected"{/if}>102%</option>
				<option value="103" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "103"} selected="selected"{/if}>103%</option>
				<option value="104" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "104"} selected="selected"{/if}>104%</option>
				<option value="105" {if $settings_blog.lista_zdjec_wielkosc_tekstu eq "105"} selected="selected"{/if}>105%</option>
			</select>		
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_liczba_znakow_opisu]" id="lista_zdjec_liczba_znakow_opisu" value="{$settings_blog.lista_zdjec_liczba_znakow_opisu|default:'150'}" style="cursor:pointer; width: 40px;"/> znaków
		</td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<th>Miniaturki obrazka / tło <br/>Ramka obrazka</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_tla_thumb]" id="lista_kategori_kolor_tla_thumb" value="{$settings_blog.lista_kategori_kolor_tla_thumb|default:'#FFFFFF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_kategori_kolor_tla_thumb|default:'#FFFFFF'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_kategori_kolor_tla_thumb').attr('value','none');$('#lista_kategori_kolor_tla_thumb').css('background','none');"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_ramki_thumb]" id="lista_zdjec_kolor_ramki_thumb" value="{$settings_blog.lista_zdjec_kolor_ramki_thumb|default:'#EEEEEE'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_ramki_thumb|default:'#EEEEEE'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_zdjec_kolor_ramki_thumb').attr('value','none');$('#lista_zdjec_kolor_ramki_thumb').css('background','none');"/>			
		</td>
		<td>
			<select name="ustawienia_blog[lista_zdjec_grubosc_ramki_thumb]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_zdjec_grubosc_ramki_thumb eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_zdjec_grubosc_ramki_thumb eq "1" or $settings_blog.lista_zdjec_grubosc_ramki_thumb eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_zdjec_grubosc_ramki_thumb eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_zdjec_grubosc_ramki_thumb eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_zdjec_grubosc_ramki_thumb eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_zdjec_grubosc_ramki_thumb eq "5"} selected="selected"{/if}>5</option>
			</select>	
		
		</td>
		<td>
			<strong>odstępy:</strong>
			<select name="ustawienia_blog[lista_zdjec_marginesy_thumb]" style="width: 30px;" title="Odstępy pomiędzy zdjęciami">
				<option value="0" {if $settings_blog.lista_zdjec_marginesy_thumb eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_zdjec_marginesy_thumb eq "1"} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_zdjec_marginesy_thumb eq "2" or $settings_blog.lista_zdjec_marginesy_thumb eq ""} selected="selected"{/if}>2</option>
				<option value="4" {if $settings_blog.lista_zdjec_marginesy_thumb eq "4"} selected="selected"{/if}>2</option>
				<option value="6" {if $settings_blog.lista_zdjec_marginesy_thumb eq "6"} selected="selected"{/if}>3</option>
				<option value="8" {if $settings_blog.lista_zdjec_marginesy_thumb eq "8"} selected="selected"{/if}>8</option>
				<option value="10" {if $settings_blog.lista_zdjec_marginesy_thumb eq "10"} selected="selected"{/if}>10</option>
				<option value="12" {if $settings_blog.lista_zdjec_marginesy_thumb eq "12"} selected="selected"{/if}>12</option>
				<option value="14" {if $settings_blog.lista_zdjec_marginesy_thumb eq "14"} selected="selected"{/if}>14</option>
				<option value="16" {if $settings_blog.lista_zdjec_marginesy_thumb eq "16"} selected="selected"{/if}>16</option>
				<option value="18" {if $settings_blog.lista_zdjec_marginesy_thumb eq "18"} selected="selected"{/if}>18</option>
				<option value="20" {if $settings_blog.lista_zdjec_marginesy_thumb eq "20"} selected="selected"{/if}>20</option>
			</select>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_szerokosc_obrazka_thumb]" id="lista_zdjec_szerokosc_obrazka_thumb" value="{$settings_blog.lista_zdjec_szerokosc_obrazka_thumb|default:'180'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_szerokosc_ramki_thumb]" id="lista_zdjec_szerokosc_ramki_thumb" value="{$settings_blog.lista_zdjec_szerokosc_ramki_thumb|default:'180'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_wysokosc_obrazka_thumb]" id="lista_zdjec_wysokosc_obrazka_thumb" value="{$settings_blog.lista_zdjec_wysokosc_obrazka_thumb|default:'100'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_wysokosc_ramki_thumb]" id="lista_zdjec_wysokosc_ramki_thumb" value="{$settings_blog.lista_zdjec_wysokosc_ramki_thumb|default:'120'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td></td>
	</tr>
	<tr>
		<th>Zdjęcia / tło <br/>Ramka obrazka</th>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_tla_full]" id="lista_zdjec_kolor_tla_full" value="{$settings_blog.lista_zdjec_kolor_tla_full|default:'#FFFFFF'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_tla_full|default:'#FFFFFF'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_zdjec_kolor_tla_full').attr('value','none');$('#lista_zdjec_kolor_tla_full').css('background','none');"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_kolor_ramki_full]" id="lista_zdjec_kolor_ramki_full" value="{$settings_blog.lista_zdjec_kolor_ramki_full|default:'#EEEEEE'}"  readonly="readonly" style="cursor:pointer; width: 20px; background: {$settings_blog.lista_zdjec_kolor_ramki_full|default:'#EEEEEE'};" title="kliknij by zmienic kolor"/> 
			<img  src="{$smarty.request.HTTP_URL}public/skins/icons/16_delete.gif"  title="Bez tła"  alt="Bez tła" class="btn_bez_tla" onclick="$('#lista_zdjec_kolor_ramki_full').attr('value','none');$('#lista_zdjec_kolor_ramki_full').css('background','none');"/>			
		</td>
		<td>
			<select name="ustawienia_blog[lista_zdjec_grubosc_ramki_full]" style="width: 30px;" title="Grubość lini podkreślenia">
				<option value="0" {if $settings_blog.lista_zdjec_grubosc_ramki_full eq "0"} selected="selected"{/if}>0</option>
				<option value="1" {if $settings_blog.lista_zdjec_grubosc_ramki_full eq "1" or $settings_blog.lista_zdjec_grubosc_ramki_full eq ""} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_zdjec_grubosc_ramki_full eq "2"} selected="selected"{/if}>2</option>
				<option value="3" {if $settings_blog.lista_zdjec_grubosc_ramki_full eq "3"} selected="selected"{/if}>3</option>
				<option value="4" {if $settings_blog.lista_zdjec_grubosc_ramki_full eq "4"} selected="selected"{/if}>4</option>
				<option value="5" {if $settings_blog.lista_zdjec_grubosc_ramki_full eq "5"} selected="selected"{/if}>5</option>
			</select>	
		
		</td>
		<td>
			<strong>odstępy:</strong>
			<select name="ustawienia_blog[lista_zdjec_marginesy_full]" style="width: 30px;" title="Odstępy pomiędzy zdjęciami">
				<option value="1" {if $settings_blog.lista_zdjec_marginesy_full eq "1"} selected="selected"{/if}>1</option>
				<option value="2" {if $settings_blog.lista_zdjec_marginesy_full eq "2"} selected="selected"{/if}>2</option>
				<option value="4" {if $settings_blog.lista_zdjec_marginesy_full eq "4"} selected="selected"{/if}>2</option>
				<option value="6" {if $settings_blog.lista_zdjec_marginesy_full eq "6"} selected="selected"{/if}>3</option>
				<option value="8" {if $settings_blog.lista_zdjec_marginesy_full eq "8" or $settings_blog.lista_zdjec_marginesy_full eq ""} selected="selected"{/if}>8</option>
				<option value="10" {if $settings_blog.lista_zdjec_marginesy_full eq "10"} selected="selected"{/if}>10</option>
				<option value="12" {if $settings_blog.lista_zdjec_marginesy_full eq "12"} selected="selected"{/if}>12</option>
				<option value="14" {if $settings_blog.lista_zdjec_marginesy_full eq "14"} selected="selected"{/if}>14</option>
				<option value="16" {if $settings_blog.lista_zdjec_marginesy_full eq "16"} selected="selected"{/if}>16</option>
				<option value="18" {if $settings_blog.lista_zdjec_marginesy_full eq "18"} selected="selected"{/if}>18</option>
				<option value="20" {if $settings_blog.lista_zdjec_marginesy_full eq "20"} selected="selected"{/if}>20</option>
			</select>
		</td>	
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_szerokosc_obrazka_full]" id="lista_zdjec_szerokosc_obrazka_full" value="{$settings_blog.lista_zdjec_szerokosc_obrazka_full|default:'800'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_szerokosc_ramki_full]" id="lista_zdjec_szerokosc_ramki_full" value="{$settings_blog.lista_zdjec_szerokosc_ramki_full|default:'840'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td>
			<input type="text" name="ustawienia_blog[lista_zdjec_wysokosc_obrazka_full]" id="lista_zdjec_wysokosc_obrazka_full" value="{$settings_blog.lista_zdjec_wysokosc_obrazka_full|default:'600'}" style="cursor:pointer; width: 40px;"/>
			<br/>
			<input type="text" name="ustawienia_blog[lista_zdjec_wysokosc_ramki_full]" id="lista_zdjec_wysokosc_ramki_full" value="{$settings_blog.lista_zdjec_wysokosc_ramki_full|default:'640'}" style="cursor:pointer; width: 40px;"/>
		</td>
		<td></td>
	</tr>	
	<tr>
		<th>Tekst przy adresie URL</th>
		<td colspan="6">
			<input type="text" name="ustawienia_blog[lista_zdjec_tekst_przycisku_url]" id="lista_zdjec_tekst_przycisku_url" value="{$settings_blog.lista_zdjec_tekst_przycisku_url|default:'Wybierz ta opcje...'}" style="width: 300px;"/>
		</td>
		
	</tr>
	
	
	
	
	
	
	<tr>
		<th colspan="7"><input type="submit" value="Zapisz ustawienia"/></th>
	</tr>	
</table>
</form>



{literal}
<script type="text/javascript" charset="utf-8">
var pickColor = {
	obj: '',
	event: function(id_){
		pickColor.obj = $('#'+id_).ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#'+id_).val('#'+hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value.replace('#',''));
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value.replace('#',''));
		});
	}
}
$(function() {
	pickColor.event('lista_kategorii_kolor_tla');
	pickColor.event('lista_kategorii_kolor_tla');
	pickColor.event('lista_kategorii_kolor_ramki');
	pickColor.event('lista_promocji_kolor_ramki');
	pickColor.event('lista_kategorii_kolor_tekstu_wiecej');
	pickColor.event('lista_kategorii_kolor_paska_wiecej');
	pickColor.event('lista_kategorii_kolor_tekstu');
	pickColor.event('lista_kategorii_kolor_naglowka');
	pickColor.event('lista_kategorii_kolor_podkreslenia_naglowka');
	pickColor.event('lista_kategorii_kolor_tekstu');
	pickColor.event('lista_kategorii_kolor_tla_naglowka');
	pickColor.event('lista_kategori_kolor_tla_thumb');
	pickColor.event('lista_kategorii_kolor_ramki_thumb');
	pickColor.event('lista_kategorii_kolor_tla_full');
	pickColor.event('lista_kategorii_kolor_ramki_full');

	pickColor.event('lista_zdjec_kolor_tla');
	pickColor.event('lista_zdjec_kolor_tla');
	pickColor.event('lista_zdjec_kolor_ramki');
	pickColor.event('lista_zdjec_kolor_tekstu_wiecej');
	pickColor.event('lista_zdjec_kolor_paska_wiecej');
	pickColor.event('lista_zdjec_kolor_tekstu');
	pickColor.event('lista_zdjec_kolor_naglowka');
	pickColor.event('lista_zdjec_kolor_podkreslenia_naglowka');
	pickColor.event('lista_zdjec_kolor_tekstu');
	pickColor.event('lista_zdjec_kolor_tla_naglowka');
	pickColor.event('lista_kategori_kolor_tla_thumb');
	pickColor.event('lista_zdjec_kolor_ramki_thumb');
	pickColor.event('lista_zdjec_kolor_tla_full');
	pickColor.event('lista_zdjec_kolor_ramki_full');
});
</script>
{/literal}


<!-- $settings_blog|@debug_print_var} -->